@content8: content8;

.@{content8}-wrapper {
  background-image: url("https://sfservices.obs.cn-south-1.myhuaweicloud.com/sdp-web/startshinex/cooperate.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  // height: 863px;
  // padding-top: 80px;
  // padding-bottom: 120px;
  
  .@{content8}-center {
    .@{content8}-title {
      font-size: 32px;
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      font-weight: 600;
      margin-bottom: 16px;
    }
    
   
    .@{content8}-subtitle {
      font-size: 16px;
      color: #DADCE6;
      letter-spacing: 0;
      text-align: center;
      line-height: 28px;
      font-weight: 400;
      padding-top: 22px;
      display: flex;
      justify-content: space-around;
      margin: 0 30px;
      .slider-control {
        display: flex;
        align-items: center;
        cursor: pointer;
      }
      .slider-bottom-text {
        display: flex;
      }
      p {
        max-width: 668px;
        // height: 85px;
        margin: 0 23px;
      }
    }
    .@{content8}-list {
      padding-top: 40px;
      .item {
        background-color: #fff;
        // max-width: 140px;
        // height: 50px;
        // margin: 10px;
        img {
          width: 100%;
          height: 100%;
        }
        .title {
          width: max-content;
          height: 40px;
          background: #3954FF;
          font-size: 20px;
          color: #FFFFFF;
          letter-spacing: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 58px;
          padding: 0px 20px;
        }
        .subtitle {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.71);
          letter-spacing: 0;
          line-height: 23px;
          font-weight: 400;
          padding-top: 8px;
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .@{content8}-wrapper {
    background-image: url("https://sfservices.obs.cn-south-1.myhuaweicloud.com/sdp-web/startshinex/h5_cooperate.png");
    .@{content8}-center {
      .@{content8}-brand {
        .slider-inner {
          display: flex;
          justify-content: center;
          cursor: pointer;
          .h5_box {
            background-image: url("https://sfservices.obs.cn-south-1.myhuaweicloud.com/sdp-web/startshinex/h5_cooperate_card.png");
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            border-radius: 1px;
            padding: 25px;
            height: 311px;
            .img-content {
              text-align: center;
            }
            img {
              width: 130px;
            }
            
          }
          .slider-title {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: #293A57;
            letter-spacing: 0;
            line-height: 20px;
            padding: 25px 8px 0px 8px;
          }
        }
        .swiper {
          width: 100%;
          height: 100%;
        }
        .swiper-slide {
          width: 247px !important;
        }
      }

      .@{content8}-title {
        font-size: 18px;
        color: #293A57;
      }
      .@{content8}-subtitle {
        display: none;
      }
      .@{content8}-list {
        padding-top: 40px;
        .item {
          background-color: #fff;
          img {
            width: 100%;
            height: 100%;
          }
          .title {
            width: max-content;
            height: 40px;
            background: #3954FF;
            font-size: 20px;
            color: #FFFFFF;
            letter-spacing: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 58px;
            padding: 0px 20px;
          }
          .subtitle {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.71);
            letter-spacing: 0;
            line-height: 23px;
            font-weight: 400;
            padding-top: 8px;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 767px) {
  .@{content8}-wrapper {
    .ant-col-6 {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .@{content8}-flex {
      margin: 0 170px;
    }
    .@{content8}-center {
      .@{content8}-brand {
        position: relative;
        padding-top: 90px;
        margin: 0 300px;
        .slider-inner {
          display: flex;
          justify-content: center;
          cursor: pointer;
          .box {
            text-align: center;
          }
          .slider-title {
            padding-top: 25px;
            font-size: 24px;
            color: #FFFFFF;
            letter-spacing: 0;
            text-align: center;
            font-weight: 600;
          }
        }
        .swiper-slide-duplicate-prev {
        // .swiper-slide-active {
          transform: scale(0.7);
          opacity: 0.6;
          .slider-inner {
            .slider-title {
              display: none;
            }
          }
        }
        img {
          width: 90px;
          height: 90px;
        }
      }
    }
  }
}
